// 入口文件
// 核心依赖库
import React from 'react'
// 涉及 DOM 操作的包
import ReactDOM from 'react-dom'

// 标签名、标签属性（对象）、标签里面的内容
// 返回值：React 元素（虚拟 DOM）
/* const h1Ele = React.createElement(
  'h1',
  {
    title: 'Hello React',
  },
  '加油~~~'
) */
// JSX 创建出来的 React 元素
// const h1Ele = <h1 title='Hello React'>加油~~~</h1>
const ele = (
  <div className='wrap'>
    <ul>
      <li>React</li>
      <li>Vue</li>
      <li>Angular</li>
    </ul>
  </div>
)
// 渲染谁、渲染到哪里
ReactDOM.render(ele, document.querySelector('#root'))
